<template>
  <div>
<!--    <h1> 祖孙组件传参使用 provide/inject</h1>-->
    <children :title="input"/>
    <br>
  </div>
</template>

<script>
import children from './Children.vue'

import {ref, toRefs} from "vue"

export default {
  components: {
    children
  },
  setup() {
    let input = ref({
      title:"父组件传参了"
    })
    return{
      input
    }
  }
}
</script>
<style scoped>
a {
  color: #42b983;
}

label {
  margin: 0 0.5em;
  font-weight: bold;
}

code {
  background-color: #eee;
  padding: 2px 4px;
  border-radius: 4px;
  color: #304455;
}
</style>
